<template>
	<div>
		<h1>Index Page</h1>
	</div>

	<div>
		<NuxtLink to="/demo1">Demo1 Page</NuxtLink> |
		<NuxtLink to="/demo2-38">Demo2 Page</NuxtLink> |
		<NuxtLink :to="`/goods/${Math.random()}`">Good Page</NuxtLink>
		| <NuxtLink :to="`/products/${Math.random()}`">Product Page</NuxtLink> |
		<NuxtLink to="/parent/first">first</NuxtLink> |
		<NuxtLink to="/parent/second">second</NuxtLink> |
		<NuxtLink to="layout">layout</NuxtLink> |
		<NuxtLink to="/composabledemo">composable demo</NuxtLink> |
		<NuxtLink to="/getdatademo">getdatademo</NuxtLink> |
		<NuxtLink to="/middleware">middleware</NuxtLink>
	</div>

	<div>
		<test-my-button></test-my-button>
	</div>
</template>

<script setup>
import { ref, toRef } from 'vue'
</script>

<style scoped></style>
